﻿
<!-- Panel -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<h1>Bienvenido a El Justiciero</h1>	
				<p class="grey">Inicia sesión en el panel del centro para empezar a ajusticiar</p>
				</div>
			<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="#" method="post">
					<h1>Acceso Profesores</h1>
					<label class="grey" for="log">Nombre de usuario:</label>
					<input class="field" type="text" name="log" id="log" value="" size="23" />
					<label class="grey" for="pwd">Contraseña:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Recuerdame</label>
        			<div class="clear"></div>
					<input id="formu" type="submit" name="submit" value="Login" class="bt_login" />
				</form>
			</div>
			
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			
			<!--<li class="sep">|</li>-->
			<li id="toggle">
				<a id="open" class="open" href="#">Inicia Sesión</a>
				<a id="close" style="display: none;" class="close" href="#">Cerrar Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
	
</div> <!--panel -->

    <div id="container">
		<div id="content" style="padding-top:100px;">
		<h1>Bienvenido a EL JUSTICIERO</h1>
		<p class="grey">Despliega el panel superior para comenzar</p>
		</div><!-- / content -->		
	</div><!-- / container -->
	